<script>
import {
  Component,
  Emit,
  Inject,
  Model,
  Prop,
  Provide,
  Vue,
  Watch
} from "vue-property-decorator";

@Component
export default class App extends Vue {
  @Prop({ type: Object, default: () => ({}) })
  dom;

  mounted() {
    console.log("dom", this.dom);
  }
  render() {
    return (
      <div class="page_view_item">
        <div id="xml_html" domPropsInnerHTML={this.dom.h}></div>
      </div>
    );
  }
}
</script>

<style lang="less" scoped >
.page_view_item {
  width: 300px;
  height: 360px;
  position: relative;
  overflow: hidden;
  > #xml_html {
    position: absolute;
    top: -20%;
    left: -12%;
    width: 375px;
    height: 720px;
    transform: scale(0.8);
  }
}
</style>